<template>
  <div>
    <div class="header" id="header">
      <router-link to="/percenset">
        <div class="header_back">
          <div class="header_back_r"></div>
        </div>
      </router-link>
      <div id="head-title">个人资料</div>
      <router-link to="/percen" class="gb-head-rightwrap" data-ajax="false">
        <div class="header_right">
          <img
            src=""
          />
        </div>
      </router-link>
    </div>
    <div>
      <div class="setting-box">
        <ul>
          <router-link to="#">
            <li>
              个人头像
              <div></div>
            </li>
          </router-link>
          <router-link to="/zhanghao">
            <li>
              昵称
              <div></div>
            </li>
          </router-link>
          <a href="/user/maintenance/mobilechange?flag=passwordchange">
            <li>
              实名认证
              <div></div>
              <span>未实名</span>
            </li>
          </a>
          <a href="/user/maintenance/oauthchange">
            <li>
              性别
              <div></div>
              <span>男</span>
            </li>
          </a>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>
<style src="../../assets/css/set.css" scoped></style>
<style lang="less" scoped>
.setting-box ul[data-v-2d819c76] {
    padding: 0;
    margin-top: 50px;
}
.gb-logout div {
  background: #ff0140;
  text-align: center;
  color: #fff;
  height: 0.5rem;
  line-height: 0.5rem;
  margin: 20px 14px;
  border-radius: 4px;
  letter-spacing: 2px;
  font-size: 0.2rem;
}
.setting-box ul a li {
  border-bottom: 1px solid #f7f7f7;
  padding: 0.12rem 3%;
  background-position: right;
  background-origin: content-box;
  background-size: 0.6rem;
  background: #fff;
  padding-right: 0.1rem;
}
</style>